@import url('../../style.less');

.logo {
	// 图片尺寸是页面的70%
	width: 70%;
	// 左右水平相同，居中
	margin-left: auto;
	margin-right: auto;
	// 前提是block模型才行左右居中
	display: block;
	// 不能巨顶
	margin-top: 30%;
}

.logo-title {
	// 字体大小
	font-size: 48rpx;
	// 字体加粗
	font-weight: bold;
	// 文本位置
	text-align: center;
	// 距离上个模块间距大概8%
	margin-top: 8%;
	color: @font-color;
}

.logo-subtitle {
	font-size: 34rpx;
	text-align: center;
	color: @font-color;
	margin-top: 20rpx;
}

.login-btn {
	//页面的60
	width: 60%;
	//绝对定位
	position: absolute;
	//底部定位
	bottom: 20%;
	// 距离左侧
	left: 20%;
	//背景色
	background-color: @background-color;
	//文字是白色的
	color: #fff;
	//尺寸不会变
	box-sizing: border-box;
	border-radius: 25rpx;
	//点击之后的变色、（伪色）
	&:active{
		background-color: @background-color-active;
	}
}


.register-container{
	position: absolute;
	bottom: 50rpx;
	//定义宽度100%，加上absolute后是内容的宽度，而不是页面的宽度了
	//强制成页面的宽度
	width: 100%;
	text-align: center;
	font-size: 30rpx;
	color: @font-color;
	.register{
		color: @background-color;
	}
}